<script lang="ts" setup>
import { useTab } from './hooks/useTab'
import { Button } from 'ant-design-vue'
const [tab, activation] = useTab()
function choseActiveTag(index: number) {
  activation(index)
}
</script>
<template>
  <div class="container_header">
    <div class="caption">超级婚纱店 智慧管理平台</div>
    <div class="operaction">
      <span @click="choseActiveTag(tabIndex)" class="options" :class="{ options_active: tabItem.active }" v-for="(tabItem, tabIndex) in tab.list" :key="tabIndex">{{ tabItem.title }}</span>
    </div>
    <Button class="experience" type="primary">免费体验</Button>
  </div>
</template>
<style lang="scss" scoped src="./index.scss" />
